<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<style type="text/css">
* {
	margin: 0;
	padding: 0;
}

#all {
	width: 250px;
	height: 160px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -80px;
	margin-left: -125px;
	background-color: #ffffcc;
	border: 2px dotted;
}

.first {
	text-align: right;
	font-size: 15px;
	margin-top: 10px;
	color: red;
	font-weight: bold;
}

.first input {
	width: 160px;
	background-color: #e1eaf3;
	color:red;
}

.second {
	text-align: center;
	font-size: 20px;
	margin-top: 10px;
}

.third {
	text-align: right;
	/*  	font-size: 20px;  */
	margin-top: 10px;
	margin-right: 20px;
	color: blue;
}

.third input {
	font-size: 16px;
	color: blue;
}
</style>
</head>
<body>

	<div id="all">

		<div class="first">
			用户名： <input type="text" id="userno" name="userno" value="请输入用户号"><br>
			用户密码： <input type="password" id="userpwd" name="userpwd"
				value="请输入密码">
		</div>

		<div class="second">
			<input type="radio" name="userid" checked="checked">管理员 <input
				type="radio" name="userid">普通用户
		</div>
		<div class="third">
		<a href="javascript:void(0)" style="text-decoration:none;display:inline_block;border-radius:1px;border:1px solid gray">
		<img alt="aa" src="images/ok.png">aaa</a>
			<input type="button" value="登录"> <input type="button"
				value="注册">
		</div>


	</div>



</body>
</html>